<template>
    <div class="value-page">
        <!-- 项目基本信息 -->
              <div class="project-info">
                <div class="info-detail">
                  <ul class="info-list">
                    <li>
                      <img src="@/assets/dbcircle.png" alt="">
                      <span class="list-title">项目编号：</span>
                      <span>{{caseToShow(projectAuditInfo.projectBuild.projectNo)}}</span>
                    </li>
                    <li>
                      <img src="@/assets/dbcircle.png" alt="">
                      <span class="list-title">项目名称：</span>
                      <span>{{caseToShow(projectAuditInfo.projectBuild.projectName)}}</span>
                    </li>
                    <li>
                      <img src="@/assets/dbcircle.png" alt="">
                      <span class="list-title">主导经营体：</span>
                      <span>{{caseToShow(projectAuditInfo.projectBuild.mainDeptName)}}</span>
                    </li>
                    <li>
                      <img src="@/assets/dbcircle.png" alt="">
                      <span class="list-title">项目等级：</span>
                      <span>你的项目属于<span style="color: #f7a961; margin-left: 6px;">{{caseToShow(projectAuditInfo.projectBuild.projectLevel)}}</span> 类</span>
                    </li>

                    <li>
                      <img src="@/assets/dbcircle.png" alt="">
                      <span class="list-title">孵化项目编号：</span>
                      <span>{{caseToShow(projectAuditInfo.hatchProjectCode)}}</span>
                    </li>
                    <li>
                      <img src="@/assets/dbcircle.png" alt="">
                      <span class="list-title">孵化项目名称：</span>
                      <span>{{caseToShow(projectAuditInfo.hatchProjectName)}}</span>
                    </li>
                    <li>
                      <img src="@/assets/dbcircle.png" alt="">
                      <span class="list-title">上一代项目编号：</span>
                      <span>{{caseToShow(projectAuditInfo.projectBuild.lastProjectNo)}}</span>
                    </li>
                    <li>
                      <img src="@/assets/dbcircle.png" alt="">
                      <span class="list-title">上一代项目名称：</span>
                      <span>{{caseToShow(projectAuditInfo.lastProjectName)}}</span>
                    </li>
                    <li>
                      <img src="@/assets/dbcircle.png" alt="">
                      <span class="list-title">项目所属的高企大类：</span>
                      <span>{{caseToShow(projectAuditInfo.projectBuild.highTechType)}}</span>
                    </li>
                    <li>
                      <img src="@/assets/dbcircle.png" alt="">
                      <span class="list-title">高企项目标识：</span>
                      <span>{{projectAuditInfo.projectBuild.isHighTechProject ? '高企项目' : '非高企项目'}}</span>
                    </li>
                    <li class="one-row">
                      <div>
                        <img src="@/assets/dbcircle.png" alt="">
                        <span class="list-title">关键词：</span>
                      </div>
                      <span>{{caseToShow(projectAuditInfo.projectBuild.keywords)}}</span>
                    </li>
                    
                    <li class="one-row">
                      <div>
                        <img src="@/assets/dbcircle.png" alt="">
                        <span class="list-title">项目内容简述：</span>
                      </div>
                      <span>{{caseToShow(projectAuditInfo.projectBuild.projectContent)}}</span>
                    </li>
                    <li class="one-row">
                      <div>
                        <img src="@/assets/dbcircle.png" alt="">
                        <span class="list-title">项目应用场景：</span>
                      </div>
                      <span>{{caseToShow(projectAuditInfo.projectBuild.projectUseFor)}}</span>
                    </li>
                    <li class="one-row" v-show="projectClass != '10'">
                      <div>
                        <img src="@/assets/dbcircle.png" alt="">
                        <span class="list-title">项目实施办法简述：</span>
                      </div>
                      <span>{{caseToShow(projectAuditInfo.projectBuild.projectImplement)}}</span>
                    </li>
                    <li class="one-row">
                      <div>
                        <img src="@/assets/dbcircle.png" alt="">
                        <span class="list-title">是否需要工程动议：</span>
                      </div>
                      <span v-if="projectAuditInfo.projectBuild.isNeedEngineeringMotion">是，项目名称或编号：<u>{{projectAuditInfo.projectBuild.motionProjectNameOrNo}}</u></span>
                      <span v-else>否</span>
                    </li>
                    <li class="one-row">
                      <div>
                        <img src="@/assets/dbcircle.png" alt="">
                        <span class="list-title">设计开发来源：</span>
                      </div>
                      <!-- <span>{{caseToShow(projectAuditInfo.projectBuild.designSource)}}</span> -->
                      <a-checkbox-group :value="sourceDesign" :options="designSourceOptions"/>
                    </li>
                    <li class="one-row">
                      <div style="padding:0;">
                        <img src="@/assets/dbcircle.png" alt="">
                        <span class="list-title">功能和性能要求：</span>
                      </div>
                      <span>{{caseToShow(projectAuditInfo.projectBuild.functionAndPerformance)}}</span>
                    </li>
                    <li class="one-row">
                      <div>
                        <img src="@/assets/dbcircle.png" alt="">
                        <span class="list-title" v-show="projectClass != '40'">项目技术目标：</span>
                        <span class="list-title" v-show="projectClass == '40'">项目目标：</span>
                      </div>
                      <span>{{caseToShow(projectAuditInfo.projectBuild.technologyTarget)}}</span>
                    </li>
                    <li class="one-row">
                      <div>
                        <img src="@/assets/dbcircle.png" alt="">
                        <span class="list-title">项目经济目标：</span>
                      </div>
                      <span>{{caseToShow(projectAuditInfo.projectBuild.economyTarget)}}</span>
                    </li>
                    <li class="one-row">
                      <div>
                        <img src="@/assets/dbcircle.png" alt="">
                        <span class="list-title">来源于以前类似设计和开发活动的信息：</span>
                      </div>
                      <span>{{caseToShow(projectAuditInfo.projectBuild.sourceBefore)}}</span>
                    </li>
<!-- 
                    <li v-if="projectClass!='30'">
                      <img src="@/assets/dbcircle.png" alt="">
                      <span class="list-title">项目经理：</span>
                      <span>{{caseToShow(projectAuditInfo.projectManager)}}</span>
                    </li>
                    <li v-if="projectClass=='30'">
                      <img src="@/assets/dbcircle.png" alt="">
                      <span class="list-title">业务总负责人：</span>
                      <span>{{caseToShow(projectAuditInfo.workProjectManager)}}</span>
                    </li> 
                    <li v-if="projectClass=='30'">
                      <img src="@/assets/dbcircle.png" alt="">
                      <span class="list-title">业务总负责人：</span>
                      <span>{{projectAuditInfo.workProjectManager?projectAuditInfo.workProjectManager:'--'}}</span>
                    </li> 
                    <li v-if="projectClass=='30'">
                      <img src="@/assets/dbcircle.png" alt="">
                      <span class="list-title">项目总人天：</span>
                      <span>{{projectAuditInfo.projectManDays?projectAuditInfo.projectManDays:'--'}}</span>
                    </li>
                    <li v-if="projectClass!='40'">
                      <img src="@/assets/dbcircle.png" alt="">
                      <span class="list-title">项目内容描述</span>
                      <span>{{projectAuditInfo.projectContent?projectAuditInfo.projectContent:'--'}}</span>
                    </li> -->
                  </ul>

                </div>
              </div>
    </div>
</template>

<script>
import {getAction,postAction} from '@/api/manage'
import {getParamValFromUrl,caseToShow} from '@/utils/common.js'
export default {
    name:'ProjectBuildBasicShow',
    components:{
    },
    data () {
        return{
            designSourceOptions: [],
            requrl: {
              codeInfoList:'/manage/codeInfo/list'
            },
            sourceDesign:[]
        }
    },
    mounted () {
      this.initSourceDesign();
    },
    created () {
    },
    computed: {
        
    },
    props:{
        projectAuditInfo: {
          Type: Object,
          default: ''
          }
    },
    methods: {
        initSourceDesign(){
          var vm=this;
          getAction(vm.requrl.codeInfoList,{type:'项目立项设计来源'}).then(res=>{
            if(res.code==200){ 
              res.result.records.forEach(element => {
                vm.designSourceOptions.push({
                  label:element.name,
                  value:element.code,
                  disabled:true,

                });
              });
              var ds = vm.projectAuditInfo.projectBuild.designSource;
              if(ds!= null){
                vm.sourceDesign=ds.split(',');
              }
            }else{
              this.$message.warning('加载【项目立项设计来源】选项有误：'+res.message);
            }
          })
        },
        caseToShow(obj){
            return caseToShow(obj);
        }
    },
}
</script>
<style lang="less" scoped>
.project-info{
        .info-detail{
          background-color: #fff;
          border: 1px solid #ebebeb;
          padding: 1% 2.5%;
          position: relative;
          .info-list{
            padding: unset;
            display: flex;
            flex-wrap: wrap;
            border-bottom: 1px dashed #ebebeb;
            padding-bottom: 15px;
            >li{
              width: 33.33%;
              height: 25px;
              display: flex;
              align-items: center;
              >img{
                margin-right: 5px;
              }
              .list-title{
                font-weight: 900;
                height: unset;
              }
              span{
                line-height: 1.2;
              }
            }
            .one-row{
              width: 100%;
              align-items: baseline;
              height: auto;
              padding: 3px 0px;
              >span{
                width: 75%;
              }
            }
          }
          .info-content{
            .content-title{
              display: flex;
              align-items: center;
              font-weight: 900;
              img{
                margin-right: 5px;
              }
            }
            .content-box{
              padding: 5px 16px 0;
            }
          }
        }
      }
</style>